.container {
  height: 100vh; /* 占据全屏高度 */
  display: flex;
  flex-direction: column;
}

.header, .footer {
  flex: 0 0 50px; /* 固定高度 */
  background: #f0f0f0;
}

.content {
  flex: 1; /* 占据剩余空间 */
  display: flex;
  flex-direction: column;
  overflow: hidden; /* 防止内部溢出影响外层 */
}

.section {
  width: 100%;
  background-color: blueviolet;
}



.section-2 {
  position: relative;
  height: 300px; /* 固定高度 */
}

.scroll-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.scroll-wrapper::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.scroll-wrapper {
  -webkit-overflow-scrolling: touch;
}



